<div class="brand">
  <div class="logo">
    <img class="ng-logo" src="assets/logo.svg"/>
  </div>
  <div class="title">
    <h1>
      <span class="angular">Angular</span> Progressbar
    </h1>
    <p>
      A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is
      happening!
    </p>
    <div class="badges">
      <a href="https://www.npmjs.com/package/ngx-progressbar">
        <img src="https://img.shields.io/npm/v/ngx-progressbar.svg?maxAge=2592000?style=plastic"
             data-canonical-src="https://www.npmjs.com/package/ngx-progressbar">
      </a>
      <a href="https://github.com/MurhafSousli/ngx-progressbar/actions?query=workflow%3Atests">
        <img src="https://github.com/MurhafSousli/ngx-progressbar/workflows/tests/badge.svg"
             data-canonical-src="https://github.com/MurhafSousli/ngx-progressbar/actions?query=workflow%3Atests">
      </a>
      <a href="https://www.npmjs.com/package/ngx-progressbar">
        <img src="https://img.shields.io/npm/dt/ngx-progressbar.svg?maxAge=2592000?style=plastic"
             data-canonical-src="https://www.npmjs.com/package/ngx-progressbar">
      </a>
      <a href="https://www.npmjs.com/package/ngx-progressbar">
        <img src="https://img.shields.io/npm/dm/ngx-progressbar.svg"
             data-canonical-src="https://www.npmjs.com/package/ngx-progressbar">
      </a>
      <a href="https://github.com/MurhafSousli/ngx-progressbar/blob/master/LICENSE">
        <img
          src="https://img.shields.io/badge/License-MIT-yellow.svg"
          alt="license"
          style="max-width:100%;">
      </a>
    </div>
  </div>
</div>
<div class="links">

  <span style="margin-right: 4px;">
    <a class="github-button" href="https://github.com/murhafsousli/ngx-progressbar" data-icon="octicon-star"
       data-show-count="true"
       aria-label="Star murhafsousli/ngx-progressbar on GitHub">Star</a>
  </span>

  <span>
    <a class="github-button" href="https://github.com/murhafsousli" aria-label="Follow @murhafsousli on GitHub">Follow
      &#64;murhafsousli</a>
  </span>
  <span>
    <a href="https://twitter.com/murhafsousli?ref_src=twsrc%5Etfw" class="twitter-follow-button"
       data-show-count="false">Follow &#64;murhafsousli</a>
  </span>
  <span>
      <a href="https://stackblitz.com/edit/ngx-progressbar">
        <img src="https://img.shields.io/badge/stackblitz-online-orange.svg"
             data-canonical-src="https://stackblitz.com/edit/ngx-progressbar">
      </a>
  </span>
</div>
